<link rel="stylesheet" href="../shiro/manager/jquery.mobile-1.3.2.css">
<script type="text/javascript" src="../shiro/manager/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="../shiro/manager/jquery.mobile-1.3.2.js"></script>


<div data-role="page" id="home">
	<div data-role="header">
		<h1>Ice Cream Order Form</h1>
	</div>
	<div data-role="content">
		<div data-role="fieldcontain">
			<label for="sprinkles">Sprinkles:</label>
			<select name="sprinkles" id="sprinkles" data-role="slider">
				<option value="off">No</option>
				<option value="on">Yes</option>
			</select>
		</div>
		<div data-role="fieldcontain">
			<label for="store">Collect from Store:</label>
			<select name="store" id="store">
				<option value="mainStreet">Main Street</option>
				<option value="libertyAvenue">Liberty Avenue</option>
				<option value="circleSquare">Circle Square</option>
				<option value="angelRoad">Angel Road</option>
			</select>
		</div>
		<div class="ui-body ui-body-b">
			<fieldset class="ui-grid-a">
				<div class="ui-block-a"><button type="submit" data-theme="d">Cancel</button></div>
				<div class="ui-block-b"><button type="submit" data-theme="a">Order Ice Cream</button></div>
			</fieldset>
		</div>
	</div>
</div>






